 <template>
 	<view class="body_c">
 		<view style="position: relative;" :style="{ width: `${imgWidth}rpx`, height: `${imgHeight}rpx` }"
 			@click="emit('click')">
 			<image style="width: 100%;height: 100%;" :src="imgs[img]" mode="aspectFit" />
 		</view>
 		<view class="empty_text">
 			<slot>{{ text }}</slot>
 		</view>
 	</view>
 </template>

 <script>
 	export default {
 		props: {
 			text: {
 				type: String,
 				default: '',
 			},
 			img: {
 				type: String,
 				default: 'zwgzdw',
 			},
 			imgWidth: {
 				type: Number,
 				default: 568,
 			},
 			imgHeight: {
 				type: Number,
 				default: 346,
 			},
 		},
 		data() {
 			return {
 				imgs: {
 					zwgzdw: 'https://part-cloud-1314961707.cos.ap-beijing.myqcloud.com/2024/01/02/f3f57ba12f3e4cc484d5eaed6577051d.png',
 					zwcp: 'https://part-cloud-1314961707.cos.ap-beijing.myqcloud.com/2024/01/02/c071abffd92e4e3fa08e8a13cbd6e88e.png',
 				}
 			}

 		}
 	}
 </script>

 <style lang="scss" scoped>
 	.body_c {
 		width: 100%;
 		height: auto;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		flex-direction: column;
 		padding-top: 20%;
 	}

 	.a {
 		position: reactive;
 	}

 	.empty_text {
 		width: 75vw;
 		margin-top: 50rpx;
 		text-align: center;
 		color: #FFA8A8
 	}
 </style>